<%@ include file="/WEB-INF/jsp/includes/include.jsp"%>

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>NoAssertions.com</title>
	<link rel="stylesheet" href="<fmt:message bundle="${mess}" key="baseUrl" />css/reset.css" />
	<link rel="stylesheet" href="<fmt:message bundle="${mess}" key="baseUrl" />css/text.css" />
	<link rel="stylesheet" href="<fmt:message bundle="${mess}" key="baseUrl" />css/960.css" />
	<link rel="stylesheet" href="<fmt:message bundle="${mess}" key="baseUrl" />css/nastyle.css" />

	<script type="text/javascript" src="<fmt:message bundle="${mess}" key="baseUrl" />scripts/jquery.js"></script>
	<script type="text/javascript" src="<fmt:message bundle="${mess}" key="baseUrl" />scripts/homeviewer.js"></script>
</head>
<%@ include file="/WEB-INF/jsp/includes/bodyheader.jsp"%>

		<span class="hidden" id="userid"></span>

		<!--  start center section -->
		<div id="centerSection" class="grid_12">	
			<div id="ridernums" class="grid_2 alpha">
				<h5 id="nextrandom"><a href="">Next Random Rider</a></h5>				
				<ul>
					<li class="nopad">Birth Date:</li>
					<li class="riderval"><span id="birthdate"></span></li>
					<li class="nopad">Total Height:</li>
					<li class="riderval"><span id="totalbodyheight"></span> cm</li>
					<li class="nopad">Sternal Notch:</li>
					<li class="riderval"><span id="sternalnotch"></span> cm</li>
					<li class="nopad">Shoulder Width:</li>
					<li class="riderval"><span id="shoulderwidth"></span> cm</li>					
					<li class="nopad">Total Arm:</li>
					<li class="riderval"><span id="totalarm"></span> cm</li>
					<li class="nopad">Humerus:</li>
					<li class="riderval"><span id="humerus"></span> cm</li>
					<li class="nopad">Forearm:</li>
					<li class="riderval"><span id="forearm"></span> cm</li>
					<li class="nopad">Inseam:</li>
					<li class="riderval"><span id="inseam"></span> cm</li>
					<li class="nopad">Femur:</li>
					<li class="riderval"><span id="femur"></span> cm</li>
					<li class="nopad">Tibia:</li>
					<li class="riderval"><span id="tibia"></span> cm</li>
					<li class="nopad">Foot Length:</li>
					<li class="riderval"><span id="footlength"></span> cm</li>				
					<li class="nopad">Trunk:</li>
					<li class="riderval"><span id="trunk"></span> cm</li>
					<li class="nopad">Notes:</li>
					<li class="riderval"><span id="ridernotes"></span></li>			
				</ul>
				<p><a id="similarrider" href="<fmt:message bundle="${mess}" key="servletUrl" />similar/rider/">Find similar riders</a></p>
					
			</div>
			<div id="images" class="grid_8">
				<span class="hidden" id="numimages"></span>
					<span id="imagecontrols"><h4><span id="firstname"></span>&nbsp;<span id="lastname"></span></h4></span>
				<div id="displayedimage"></div>
				<span id="imagelabel"></span><span id="imagecontrols"><a id="previmglink" href=""><img id="previmg" src="<fmt:message bundle="${mess}" key="baseUrl" />img/resultset_previous.png"/></a> <a id="nextimglink" href=""><img id="nextimg" src="<fmt:message bundle="${mess}" key="baseUrl" />img/resultset_next.png"/></a></span>
				<div id="commentsection">
					<h3>Comments:</h3>
					<div id="comments">
						<ul id="commentslist"></ul>
			        </div>
	  				<form name="commentForm" method="post" action="">
	  					<fieldset>
	       					<textarea id="comment" name="comment" rows="3" cols="50" onFocus="this.value=''; this.onfocus=null;">Post a new comment</textarea>
							<input type="submit" id="submitbutton" value="Comment" />
							<span class="hidden">
								<input id="bread" type="text" size="10" name="bread" />
							</span>
						</fieldset>
					</form>
				</div>
			</div>
			<div id="fitnums" class="grid_2 omega">
		    	<a id="prevfitlink" href=""><img id="prevfit" src="<fmt:message bundle="${mess}" key="baseUrl" />img/resultset_previous.png"/></a><h4>Fit <span id="currentFit">1</span> of <span id="numFits">1</span></h4>
				<a id="nextfitlink" href=""><img id="nextfit" src="<fmt:message bundle="${mess}" key="baseUrl" />img/resultset_next.png"/></a>
				<ul>
					<li class="nopad">Date of Fit:</li> 
					<li class="riderval"><span id="dateofmeasurement"></span></li>
					<li class="nopad">Saddle Height:</li>
					<li class="riderval"><span id="saddleheight"></span> cm</li>
					<li class="nopad">Hood Width:</li>
					<li class="riderval"><span id="barswidth"></span> cm</li>					
					<li class="nopad">Floor to Bars:</li>
					<li class="riderval"><span id="floortobars"></span> cm</li>
					<li class="nopad">Floor to Saddle:</li>
					<li class="riderval"><span id="floortosaddle"></span> cm</li>
					<li class="nopad">Center to Bars:</li>
					<li class="riderval"><span id="centertobars"></span> cm</li>
					<li class="nopad">Center to Saddle:</li>
					<li class="riderval"><span id="centertosaddle"></span> cm</li>
					<li class="nopad">Frame:</li> 
					<li class="riderval"><span id="frame"></span></li>
					<li class="nopad">Shifters:</li>
					<li class="riderval"><span id="shifters"></span> cm</li>
					<li class="nopad">Saddle:</li>
					<li class="riderval"><span id="saddle"></span> cm</li>					
					<li class="nopad">Pedals:</li>
					<li class="riderval"><span id="pedals"></span> cm</li>
					<li class="nopad">Stem:</li>
					<li class="riderval"><span id="stem"></span> cm</li>
					<li class="nopad">Bars:</li>
					<li class="riderval"><span id="bars"></span> cm</li>
					<li class="nopad">Seat Post:</li>
					<li class="riderval"><span id="post"></span> cm</li>
					<li class="nopad">Cranks:</li>
				 	<li class="riderval"><span id="cranks"></span></li>		
					<li class="nopad">Notes:</li>
				 	<li class="riderval"><span id="fitnotes"></span></li>	
				</ul>
				<p><a id="similarfit" href="<fmt:message bundle="${mess}" key="servletUrl" />similar/fit/">Find similar fits</a></p>
			</div>
		</div>
		<div class="clear"></div>
		<!--  end center section -->
<%@ include file="/WEB-INF/jsp/includes/footer.jsp"%>		